<!-- INCLUDE page_header.html -->

<!-- IF $_IS_DESKTOP AND BREADCRUMBS -->
<div class="breadcrumbs"><p>{BREADCRUMBS}</p></div>
<!-- ENDIF -->

<!-- INCLUDE primitive_header.html -->

<div id="pane-profile">
</div>
<div id="profile">
<!-- IF IS_WAITING_APPROVAL -->
<h3>Pending Memberships</h3>
<table style="width: 100%">
<tr>
	<th></th>
	<th></th>
</tr>
<!-- BEGIN approval_list -->
<!-- IF approval_list.$_INDEX_EVEN -->
<tr class="even">
<!-- ELSE -->
<tr class="odd">
<!-- ENDIF -->
	<td><a href="{approval_list.U_PROFILE}">{approval_list.USER_DISPLAY_NAME}</a></td>
	<td><a href="{approval_list.U_APPROVE}">Approve Membership</a></td>
</tr>
<!-- END approval_list -->
</table>
<!-- ENDIF -->

<div id="member-filter-panel">
  <p>
    <a href="{U_FILTER_ALL}">All</a>
    <a href="{U_FILTER_BEGINS_A}">A</a>
    <a href="{U_FILTER_BEGINS_B}">B</a>
    <a href="{U_FILTER_BEGINS_C}">C</a>
    <a href="{U_FILTER_BEGINS_D}">D</a>
    <a href="{U_FILTER_BEGINS_E}">E</a>
    <a href="{U_FILTER_BEGINS_F}">F</a>
    <a href="{U_FILTER_BEGINS_G}">G</a>
    <a href="{U_FILTER_BEGINS_H}">H</a>
    <a href="{U_FILTER_BEGINS_I}">I</a>
    <a href="{U_FILTER_BEGINS_J}">J</a>
    <a href="{U_FILTER_BEGINS_K}">K</a>
    <a href="{U_FILTER_BEGINS_L}">L</a>
    <a href="{U_FILTER_BEGINS_M}">N</a>
    <a href="{U_FILTER_BEGINS_N}">M</a>
    <a href="{U_FILTER_BEGINS_O}">O</a>
    <a href="{U_FILTER_BEGINS_P}">P</a>
    <a href="{U_FILTER_BEGINS_Q}">Q</a>
    <a href="{U_FILTER_BEGINS_R}">R</a>
    <a href="{U_FILTER_BEGINS_S}">S</a>
    <a href="{U_FILTER_BEGINS_T}">T</a>
    <a href="{U_FILTER_BEGINS_U}">U</a>
    <a href="{U_FILTER_BEGINS_V}">V</a>
    <a href="{U_FILTER_BEGINS_W}">W</a>
    <a href="{U_FILTER_BEGINS_X}">X</a>
    <a href="{U_FILTER_BEGINS_Y}">Y</a>
    <a href="{U_FILTER_BEGINS_Z}">Z</a>
  </p>
</div>
	<!-- IF PAGINATION -->
	<p><strong>Go to page:</strong> {PAGINATION}</p>
	<!-- ENDIF -->
	
<!-- IF MEMBERS -->
<ul id="group-members">
<!-- BEGIN member_list -->
<li style="width: 33%; height: auto; position: relative; float: left;">
  <div class="contact-card-container" style="width: auto; margin: 5px;">
    <div class="contact-card" style="width: 100%; position: relative; z-index: auto; box-shadow: none; border: 1px solid #cccccc;">
  <!-- IF member_list.MOBILE_COVER -->
      <div style="height: 80px; background-image: url('{member_list.MOBILE_COVER}'); background-position: center; background-color: #333333; background-size: cover; width: auto;">
  <!-- ELSE -->
      <div style="height: 80px; background-color: #333333; background-size: cover; width: auto;">
  <!-- ENDIF -->
  <!-- IF member_list.ICON -->
		<img src="{member_list.ICON}" alt="{member_list.USER_DISPLAY_NAME}" />
  <!-- ELSE -->
        <img src="/images/no_picture_100.png" alt="{member_list.USER_DISPLAY_NAME}" />
  <!-- ENDIF -->
      </div>
      <div style="width: auto;">
        <p><strong><a href="{member_list.U_PROFILE}">{member_list.USER_DISPLAY_NAME}</a></strong></p>
  <!-- IF GROUP_OPERATOR -->
        <p>
    <!-- IF member_list.U_MAKE_OPERATOR -->
          <span><a href="{member_list.U_MAKE_OPERATOR}">Make Operator</a></span>
    <!-- ENDIF -->
          <span><a href="{member_list.U_MAKE_OFFICER}">Make Officer</a></span>
    <!-- IF member_list.U_BAN -->
		  <span><a href="{member_list.U_BAN}">Ban From Group</a></span>
    <!-- ENDIF -->
        </p>
  <!-- ENDIF -->
  <!-- IF NOT GROUP_OPERATOR -->
    <!-- IF LOGGED_IN AND NOT member_list.ME -->
      <!-- IF member_list.SUBSCRIBED -->
        <p><span class="subscribe-{member_list.TYPE}-{member_list.ID} subscribe-button subscribed"><a href="{member_list.U_SUBSCRIBE}" onclick="return SubscribeItem({member_list.ID},{member_list.TYPE}, $(this).parent().hasClass('subscribed') );">{L_UNSUBSCRIBE}</a></span><span class="subscribers">{member_list.SUBSCRIBERS}</span></p>
      <!-- ELSE -->
        <p><span class="subscribe-{member_list.TYPE}-{member_list.ID} subscribe-button"><a href="{member_list.U_SUBSCRIBE}" onclick="return SubscribeItem({member_list.ID},{member_list.TYPE}, $(this).parent().hasClass('subscribed') );">{L_SUBSCRIBE}</a></span><span class="subscribers">{member_list.SUBSCRIBERS}</span></p>
      <!-- ENDIF -->
    <!-- ENDIF -->
  <!-- ENDIF -->
  <!-- IF member_list.LOCATION -->
        <p><strong>{L_LOCATION}:</strong> {member_list.LOCATION}</p>
  <!-- ENDIF -->
        <p><strong>Joined:</strong> {member_list.JOIN_DATE}</p>
  <!-- IF member_list.USER_CAPTION -->
        <p><em>{member_list.USER_CAPTION}</em></p>
  <!-- ENDIF -->
      </div>
    </div>
  </div>
</li>
<!-- END member_list -->
</ul>

<!-- ENDIF -->
	<div class="cheat-clear-left"></div>
	<!-- IF PAGINATION -->
	<p><strong>Go to page:</strong> {PAGINATION}</p>
	<!-- ENDIF -->
    </div>
<!-- INCLUDE primitive_footer.html -->
<!-- INCLUDE page_footer.html -->